#ifs-carousel-slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:100%;
	height:100%;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#ifs-carousel-slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	display: inline-flex;
	height: 100%;			
}

/* width of the item, in this case I put 250x250x gif */
#ifs-carousel-slides li {	
	height:100%;	
	float:left;
}
#ifs-carousel-slides li  {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#ifs-carousel-slides li img {
	padding:0 4px;
	height:100%;
}


.screen-shot-btn{
	position:absolute;
	height:100%;
	width:38px;
	top:0;
	border:1px solid rgba(0,0,0,0.17);
	background:#fff;
	color:#737373;
	font-size:30px;
	
}
button.screen-shot-btn:focus { outline:none }
button.screen-shot-btn:hover{
	background:#E7E7E7;
	color:#000;
}
#ifs-carousel-prev{
	left:0;
}
#ifs-carousel-next{
	right:0;
}
.clear {clear:both}